<template>
	<view class="addition-item">
		<u-avatar :src="additionItem.icon" size="100"></u-avatar>
		<view class="addition-content">
			<view>{{ additionItem.person+'  '+additionItem.time  }}</view>
			<text>{{ additionItem.content }}</text>
			<text>{{ additionItem.tip }}</text>
			<u-line style="margin-top: 20rpx;"></u-line>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
					
			}
		},
		props:{
			additionItem:{
				type:Object,
				default:()=>{}
			}
		}
	}
</script>

<style scoped lang="scss">
	.addition-item{
		display: flex;
		flex-direction: row;
		padding: 0 30rpx;
		margin-top: 30rpx;
		.addition-content{
			display: flex;
			flex-direction: column;
			width: 100%;
			margin-left: 30rpx;
			
		}
	}
</style>
